<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
	<style type="text/css">
/*		必须紧贴  交集选择器  必须满足所有条件才会被选中*/
		
/*		并集选择器 如果你是类名one 那么满足条件  如果你是类名two 那么也满足条件  连接的 满足一个即可*/
		.one,.two{
			width: 300px;
			height: 300px;
			color: blue;
			font-size: 30px;
			text-align: center;
			padding: 20px;
			margin: 10px;
			border: 1px solid #000;
		}
		.one{
			background-color: red;
		}
		.two{
			background-color: blue;
		}
	</style>
</head>
<body>


	<div class="one">111</div>
	<div class="two">222</div>

<!-- <div class="one">1111</div>

<p class="one">2222</p> -->
</body>
</html>